
<!DOCTYPE html>
<html>
<head>
    <title>掌行通运营平台</title>
    <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport' />

    <!--[if lt IE 9]>
    <script src='/bootstrap/assets/javascripts/html5shiv.js' type='text/javascript'></script>
    <![endif]-->
{#    <link href='/bootstrap/assets/stylesheets/bootstrap/bootstrap.css' media='all' rel='stylesheet' type='text/css' />#}
{#    <link href='/bootstrap/assets/stylesheets/bootstrap/bootstrap-responsive.css' media='all' rel='stylesheet' type='text/css' />#}
    <!-- / jquery ui -->
{#    <link href='/bootstrap/assets/stylesheets/jquery_ui/jquery-ui-1.10.0.custom.css' media='all' rel='stylesheet' type='text/css' />#}
{#    <link href='/bootstrap/assets/stylesheets/jquery_ui/jquery.ui.1.10.0.ie.css' media='all' rel='stylesheet' type='text/css' />#}

{#    <link href='/bootstrap/assets/stylesheets/plugins/bootstrap_daterangepicker/bootstrap-daterangepicker.css' media='all' rel='stylesheet' type='text/css' />#}
    <!-- / flags (country flags) -->
{#    <link href='/bootstrap/assets/stylesheets/plugins/flags/flags.css' media='all' rel='stylesheet' type='text/css' />#}
    <!-- / slider nav (address book) -->
{#    <link href='/bootstrap/assets/stylesheets/plugins/slider_nav/slidernav.css' media='all' rel='stylesheet' type='text/css' />#}
    <!-- / fuelux (wizard) -->
{#    <link href='/bootstrap/assets/stylesheets/plugins/fuelux/wizard.css' media='all' rel='stylesheet' type='text/css' />#}
    <!-- / flatty theme -->
    <link href='/bootstrap/assets/stylesheets/light-theme.css' id='color-settings-body-color' media='all' rel='stylesheet' type='text/css' />
    <!-- / demo -->
{#    <link href='/bootstrap/assets/stylesheets/demo.css' media='all' rel='stylesheet' type='text/css' />#}
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
   <div class='span12'>
        <div class='page-header'>
            <h3 class='pull-left'>
                <i class='icon-edit'></i>
                <span>zabbix报警(前50)</span>
            </h3>

        </div>
    </div>



<form accept-charset="UTF-8" class="navbar-search pull-left hidden-phone" method="get" />
    <div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="&#x2713;" /></div>

{#<input autocomplete="off" class="search-query span2" id="q_header" name="q" placeholder="Search..." type="text" value="" />#}


<div class='row-fluid'>
<div class='span12 box bordered-box orange-border' style='margin-bottom:0;'>
<div class='box-header orange-background'>

    <div class='title'>当前时间:{% now "Y年 n月 d日 H:i " %} 共{{ len_list }} 条</div>

</div>
<div class='box-content box-no-padding'>
<div class='responsive-table'>
<div class='scrollable-area'>
<table class='data-table table table-bordered table-striped' style='margin-bottom:0px;'>
{#<table class="table table-striped table-bordered table-hover datatable" style='margin-bottom:0px;'>#}
{#<thead>#}
{#<tr>#}
{# {% for i in table_header %}#}
{#     <th  class="sorting_desc" aria-label="Rendering engine: activate to sort column descending" aria-sort="descending" style="width: 70px;" colspan="1" rowspan="1" aria-controls="DataTables_Table_0" tabindex="0" role="columnheader" class="sorting_desc">{{ i }}</th>#}
{#{% endfor %}#}
{#</tr>#}
{#</thead>#}
<table border="1" align="center">
<tr>
    {% for i in table_header %}

        <td>{{ i }}</td>

    {% endfor %}
</tr>
{% for row in table_list %}
    <tr>
{% ifequal row.acknowledged 0 %}
        <td  bgcolor="#8fbc8f"><input id='inlineCheckbox1' type='checkbox' name={{ row.eventid }} value={{ row.eventid }}/></td>
        <td bgcolor="#8fbc8f">{{ row.name }}</td>
         <td bgcolor="#8fbc8f">{{ row.trigger_name }}</td>
         <td bgcolor="#8fbc8f">{{ row.clock }}</td>

{% else %}
        <td></td>

        <td>{{ row.name }}</td>
         <td>{{ row.trigger_name }}</td>
         <td>{{ row.clock }}</td>
{% endifequal %}
    </tr>
{% endfor %}


</table>
</div>
</div>
</div>
</div>
</div>
   <button class="btn btn-primary btn-link " name="zhixi" type="submit">知悉</button>
   <button class="btn btn-primary btn-link " name="all-zhixi" type="submit">全部知悉</button>
</form>



{#表格JS#}
{#<script src='/bootstrap/assets/javascripts/plugins/datatables/jquery.dataTables.min.js' type='text/javascript'></script>#}
{#<script src='/bootstrap/assets/javascripts/plugins/datatables/jquery.dataTables.columnFilter.js' type='text/javascript'></script>#}
{##}
{#<script src='/bootstrap/assets/javascripts/plugins/common/bootstrap-wysihtml5.js' type='text/javascript'></script>#}
{##}
{#<!-- / naked password -->#}
{#<script src='/bootstrap/assets/javascripts/plugins/naked_password/naked_password-0.2.4.min.js' type='text/javascript'></script>#}
{#<!-- / nestable -->#}
{#<script src='/bootstrap/assets/javascripts/plugins/nestable/jquery.nestable.js' type='text/javascript'></script>#}
{#<!-- / tabdrop -->#}
{#<script src='/bootstrap/assets/javascripts/plugins/tabdrop/bootstrap-tabdrop.js' type='text/javascript'></script>#}
{##}
{#<script src='/bootstrap/assets/javascripts/tables.js' type='text/javascript'></script>#}
<!-- / max length -->
{#<script src='/bootstrap/assets/javascripts/plugins/bootstrap_maxlength/bootstrap-maxlength.min.js' type='text/javascript'></script>#}
{#<!-- / timeago -->#}
{#<script src='/bootstrap/assets/javascripts/plugins/timeago/jquery.timeago.js' type='text/javascript'></script>#}
{##}
{#<!-- / autosize (for textareas) -->#}
{#<script src='/bootstrap/assets/javascripts/plugins/autosize/jquery.autosize-min.js' type='text/javascript'></script>#}
{#<!-- / charCount -->#}
{#<script src='/bootstrap/assets/javascripts/plugins/charCount/charCount.js' type='text/javascript'></script>#}
</body>
</html>